<template>
<div class="body">
 
   	<div class="head404"></div>
 
   	<div class="txtbg404">
 
  <div class="txtbox">
 
      <p>对不起，您请求的页面不存在</p>
 
      <p><a style="cursor:pointer" @click.stop.prevent="back">返回上一页面</a></p>
 
      <p><a @click.stop.prevent="index">返回网站首页</a></p>
 
    </div>
 
  </div>
</div>
</template>

<script>

export default {
  data() {
    return {

    }
  },
  
  methods: {
    back() {
      this.$emit("back");
    },
    index() {
      this.$emit("index");
    }
  }
}
</script>

<style lang="scss" scoped>
@import "../style/vars.scss";
.body {
  width: 100%;
  height: 100%;
  background-color: #494949;
  overflow: auto;
}
.head404 {
  width: 100%;
  height: 234px;
  background: url("../images/head404.png")
    no-repeat 100%/100%;
}

.txtbg404 {
  width: 100%;
  height: 169px;
  background: url("../images/txtbg404.png")
    no-repeat 100%/100%;
}

.txtbg404 .txtbox {
  width: 100%;
  position: relative;
  top: 55px;
  left: 0px;
  color: #eee;
  font-size: 16px;
}

.txtbg404 .txtbox p {
  margin: 5px 0;
  line-height: 18px;
}

.txtbg404 .txtbox .paddingbox {
  padding-top: 15px;
}

.txtbg404 .txtbox p a {
  color: #eee;
  text-decoration: none;
  -webkit-tap-highlight-color: transparent;
}

.txtbg404 .txtbox p a:hover {
  color: #fc9d1d;
  -webkit-tap-highlight-color: transparent;
}
</style>

